<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <link href="../../static/css/style.css" rel="stylesheet">
    <script src="../../static/js/jquery.min.js"></script>
    <script src="../../static/js/jquery.cookie.js"></script>
    <script src="../../layui/layui.js"></script>
    <script src="../../static/js/base.js"></script>
    <script src="../../static/js/ax.js"></script>
    <!--[if lt IE 9]>
    <script src="../../static/js/html5.js"></script>
    <script src="../../static/js/respond.js"></script>
    <![endif]-->
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card content-wrap">
        <form class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-sm4">
                        <label class="layui-form-label">角色代码</label>
                        <div class="layui-input-block">
                            <input type="text"  placeholder="请输入角色代码" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-sm4">
                        <label class="layui-form-label">角色名称</label>
                        <div class="layui-input-block">
                            <input type="text"   placeholder="请输入角色名称" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-sm4">

                        <button id="doSearch" class="layui-btn add_btn"><i class="layui-icon layui-icon-search"></i>搜索</button>
                        <button type="reset" class="layui-btn delete_btn"><i class="layui-icon layui-icon-delete"></i>清空</button>
                    </div>

                </div>
            </div>
        </form>


        <!--数据列表展示-->
        <div>
            <button class="layui-btn add_btn" lay-event="addNotice" ><i class="layui-icon layui-icon-add-circle-fine"></i>新增</button>
            <button class="layui-btn change_btn" lay-event="updateNotice" ><i class="layui-icon layui-icon-edit"></i>编辑</button>
            <button class="layui-btn delete_btn" lay-event="delNotice"><i class="layui-icon layui-icon-delete"></i>删除</button>
            <button class="layui-btn add_btn" lay-event="viewNotice">查看</button>
            <table class="layui-hide" id="dataListTable" lay-filter="active"></table>
        </div>


    </div>
</div>


</body>

<script>

    var table;
    var tableObj;

    layui.use(['table','form','laydate','layer','element'], function() {
        table = layui.table;
        var form = layui.form,
            layDateFrom = layui.laydate,
            layDateTo = layui.laydate,
            layer=layui.layer;


        tableObj = ax.VTable({
            id: 'loadDataList',
            elem : '#dataListTable',
            url : '/api/notice/list',
            title:'通知列表',
            cols : [ [ {
                type : 'checkbox',
                fixed : 'left'
            }, {
                field : 'id',
                width : 80,
                title : '序号',
                sort : true,
                fixed : 'left'
            }, {
                field : 'noticeTitle',
                title : '角色代码',
                width : 300,
                fixed : 'left'
            }, {
                field : 'tipsTime',
                width : 300,
                title : '角色名称',
            }, {
                field : 'isTips',
                width : 500,
                title : '角色描述',
            }, {
                field : 'dispenseOrg',
                minWidth : 150,
                title : '创建人',

            },  {
                field : 'publishTime',
                width : 150,
                title : '创建时间'
            } ] ]

        });


    });




</script>
</html>